<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/template_popUp.xhtml">

	<ui:define name="content">

		<h2>Visualização de Obras</h2>
		<br />

		<h:form>

			<p:fieldset styleClass="fieldsetPadrao">
				<legend>Dados Principais</legend>

				<table class="formulario">

					<tr>
						<td>
							<strong> <h:outputLabel value="Responsável:" /></strong>
							<h:outputLabel value="#{obraMB.obra.pessoa.nome}" />
						</td>
						<td>
							<strong><h:outputLabel value="Mestre de Obras:" /></strong>
							<h:outputLabel value="#{obraMB.obra.mestreObras.nome}" />
						</td>
						<td>
						<strong><h:outputLabel value="Descrição:" /></strong>
							<h:outputLabel value="#{obraMB.obra.descricao}"/>
						</td>
					</tr>


					<tr>
						<td>
							<strong><h:outputLabel value="Metros Quadrados:" /></strong>
							<h:outputLabel value="#{obraMB.obra.qtdMetrosQuadrados}" />
						</td>
						<td>
							<strong><h:outputLabel value="Valor Previsto:" /></strong>
							<h:outputLabel value="#{obraMB.obra.valorPrevisto}">
								<f:convertNumber currencyCode="BRL" type="number" />
							</h:outputLabel>	
						</td>
						<td>
							<strong><h:outputLabel value="Início:"/></strong>
							<h:outputLabel	value="#{obraMB.obra.dataPrevisaoInicio.time}">
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:outputLabel>
						</td>
						<td>
							<strong><h:outputLabel value="Término:" /></strong>
							<h:outputLabel	value="#{obraMB.obra.dataPrevisaoTermino.time}">
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:outputLabel> 
						</td>
					</tr>
				</table>
			</p:fieldset>
			<br />

			<p:fieldset styleClass="fieldsetPadrao">
				<legend>Endereço</legend>

				<table class="formulario">

					<tr>
						<td colspan="2">
							<strong><h:outputLabel value="Rua:"/></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.rua}" />
						</td>
						<td colspan="3">
							<strong><h:outputLabel value="Bairro:"/></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.bairro}" />
						</td>
					</tr>

					<tr>
						<td>
						<strong><h:outputLabel value="Número:" /></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.numero}" />
						</td>
						<td>
							<strong><h:outputLabel value="Complemento:"  /></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.complemento}" />
						</td>
						<td>
							<strong><h:outputLabel value="Cep:"  /></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.cep}" />
						</td>
						<td>
							<strong><h:outputLabel value="Cidade:"  /></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.cidade}"/>
						</td>
						<td>
							<strong><h:outputLabel value="Estado:"  /></strong>
							<h:outputLabel value="#{obraMB.obra.endereco.estado}" />
						</td>
					</tr>
				</table>
			</p:fieldset>
			<br />

				<h:panelGroup id="pnl_estagio_obra"> 
				<p:fieldset styleClass="fieldsetPadrao">

					<p:dataTable value="#{obraMB.obra.listaEstagios}" 
								 var="estagio" 
								 styleClass="formulario" >						
										
						<p:column>
							<f:facet name="header">
								<h:outputText value="Estágio" />
							</f:facet>
								<h:outputText value="#{estagio.estagio.toString()}" />					
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Inicio" styleClass="ob"/>
							</f:facet>
							<h:inputText value="#{estagio.dataInicio.time}" disabled="true">
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:inputText>					
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Termino" styleClass="ob"/>
							</f:facet>
							<h:inputText value="#{estagio.dataTermino.time}" disabled="true">
								<f:convertDateTime pattern="dd/MM/yyyy"/>
							</h:inputText>						
						</p:column>
						
						<p:column>
							<f:facet name="header">
								<h:outputText value="Situação" styleClass="ob"/>
							</f:facet>
							<h:selectBooleanCheckbox value="#{estagio.ativo}" />											
						</p:column>
					
					</p:dataTable>				
					
				</p:fieldset>
			</h:panelGroup>
			
			<div id="btClose">
				<p:commandButton value="Fechar" onclick="javascript:window.close();"/>
			</div>
		</h:form>


	</ui:define>

</ui:composition>

</html>